<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>进阶版</title>


</head>
<style>
    .container {
        width: 950px;
        height: 300px;
        background-color: rgb(247, 155, 94);
        padding-top: 120px;
        padding-left: 30px;
        margin: 0px auto;
    }
    
    .q {
        width: 100px;
        height: 20px;
        background-color: black;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .A {
        text-decoration: none;
        color: white;
    }
    
    .link {
        padding-top: 100px;
    }
    
    .E {
        height: 2500x;
        width: 900px;
        background-color: rgb(252, 243, 221);
        padding-left: 80px;
        margin: 0px auto;
    }
    
    .W {
        padding-top: 50px;
        padding-left: 60px;
        display: inline-block;
    }
    
    .R {
        width: 300px;
        height: 500px;
        background-color: rgb(252, 243, 221);
        display: inline-block;
        padding-left: 20px;
    }
    
    .T {
        width: 260px;
        height: 500px;
        background-color: rgb(252, 243, 221);
        display: inline-block;
        padding-left: 100px;
    }
    
    .t {
        height: 25px;
        background-color: rgb(252, 243, 221);
    }
    
    .Y {
        width: 300px;
        height: 500px;
        background-color: rgb(252, 243, 221);
        display: inline-block;
        padding-left: 20px;
        padding-top: 30px;
        padding-bottom: 70px;
    }
    
    .U {
        width: 260px;
        height: 500px;
        background-color: rgb(252, 243, 221);
        display: inline-block;
        padding-left: 100px;
    }
    
    .u {
        padding-top: 50px;
        padding-left: 10px;
    }
</style>

<body>
    <div class="container">
        <header>
            <div class="Q">
                <h1>Cemal Can Dina</h1>
                <p>Owner/Designer/Creator</p>
                <div class="q">
                    <a class="A" href="#">Contact Me</a>
                    <div class="link">
                        <img src="https://via.placeholder.com/16" alt="">
                        <img src="https://via.placeholder.com/16" alt="">
                        <img src="https://via.placeholder.com/16" alt="">
                        <img src="https://via.placeholder.com/16" alt="">
                    </div>
                </div>

            </div>
        </header>

    </div>
    <article class="E">
        <div class="W">

            <div class="R">
                <img src="https://via.placeholder.com/300x350" alt="">
                <h4>One Part</h4>
                <p>Everybody knows my name now But something 'bout it still feels strange Like looking in the mirror Tryna steady yourself and seeing somebody else And everything is not the same now
                </p>
            </div>

            <div class="T">
                <p>歌曲名：Lonely 歌手：Justin Bieber/Benny Blanco 所属专辑：LonelyIt feels like all our lives have changed Maybe when I'm older it'll all calm down But it's killing me now What if you had it all but nobody to call Maybe then you'd know me 'Cause I've
                    had everything But no one's listening And that's justAnd everybody saw me sick And it felt like no one gave a s**t
                </p>
                <div class="t"></div>
                <p>
                    And everybody saw me sick And it felt like no one gave a s**t They criticized the things I did As an idiot kid What if you had it all but nobody to call Maybe then you'd know me 'Cause I've had everything But no one's listening And that's just f**king
                    lonely I'm so lo-o-o-onely Lo-o-o-onely I'm so lo-o-o-onely Lo-o-o-onely
                </p>
            </div>

            <div class="Y">
                <img src="https://via.placeholder.com/300x350" alt="">
                <h4>Two art</h4>
                <p>Is it just me Is it just me I hate holding babies And people tryna save me Think religion is a business Where you pay for god's forgiveness Modern art is boring Politicians are annoying</p>
            </div>

            <div class="U">
                <img src="https://via.placeholder.com/260x350" alt="">
                <img class="u" src="https://via.placeholder.com/120x110" alt="">
                <img clsaa="u" src="https://via.placeholder.com/120x110" alt="">

            </div>
        </div>
    </article>

</body>

</html>